<template>
  <div>
   <input type="text" placeholder="邮箱/手机号码/小米ID" v-model="login">
   <br>
   <input type="text" placeholder="密码" v-model="password">
   <br>
   <input type="radio"  name="agreement" value="male" v-model="agreement">
   <label for="agreement">已阅读并同意小米账号 用户协议 和 隐私政策</label>
   <br>
   <button @click="submit">登录</button>
  </div>
</template>

<script>
export default {
   data(){
    return{
      login: '',
   password: ''
    }
  },
  methods:{
   submit(){
       console.log('邮箱/手机号码/小米ID',this.login);
       console.log('密码',this. password)
   }
  }  
}
</script>

<style>
input{
  margin: 10px;
  padding: 10PX;
}
button{
  width: 160px;
  height: 30px;
  background: #FFBE99;
}
</style>